<template>
  <view class="bottom-content">
    <view class="bottom-card">
      <view class="bottom-con">
        <view class="b-text">暂未开启消息通知</view>
        <view class="b-desc">避免错过亲家消息，强烈建议开启</view>
      </view>
      <custom-btn class="b-btn" @click="openNotice">去开启</custom-btn>
    </view>
  </view>
</template>

<script setup>
// 引入api
import useStore from "@/store";
const { common } = useStore();
const openNotice = () => {
  setTimeout(() => {
    uni.navigateTo({ url: "/subPages/gzhpage/index" });
  }, 100);
};
</script>

<style lang=scss scoped>
.bottom-content {
  background: #f5f5f5;
  padding: 20rpx;
}
.bottom-card {
  @include flexAlignCenter;
  justify-content: space-between;
  height: 140rpx;
  padding: 0 30rpx;
  background: linear-gradient(90deg, #fd6d4b 0%, #ff5174 100%);
  border-radius: 10rpx;
  font-weight: bold;
  font-size: 36rpx;
  color: #fff;
  .bottom-con {
    color: #fff;
    .b-text {
      font-size: 36rpx;
    }
    .b-desc {
      font-size: 28rpx;
      font-weight: 400;
    }
    text-transform: none;
  }

  .b-btn {
    width: 220rpx;
    height: 80rpx;
    line-height: 80rpx;
    background: #fff;
    font-weight: 800;
    font-size: 36rpx;
    color: #ff5c55;
    border-radius: 120rpx 120rpx 120rpx 120rpx;
  }
}
</style>